<template>
  <div class="hello">
    <swiper>
      <swiper-slide>
        <img src="../assets/1.webp" alt="">
      </swiper-slide>
      <swiper-slide>
        <img src="../assets/1.webp" alt="">
      </swiper-slide>
      <swiper-slide>
        <img src="../assets/1.webp" alt="">
      </swiper-slide>
    </swiper>
  </div>
</template>

<script>

import { Swiper, SwiperSlide } from 'swiper/vue';
import 'swiper/css';

export default {
  name: 'HelloWorld',
  components:{
    Swiper,
    SwiperSlide,
  }
}
</script>


<style scoped>

image{
  width: 100%;
}
</style>
